<template>
  <div>
    <div class="page">
      <div class="page-hd">
        <div class="header">
          <div class="header-left">
            <a href="javascript:history.go(-1)" class="left-arrow"></a>
          </div>
          <div class="header-title">DC世界</div>
          <div class="header-right">
            <a href="#"></a>
          </div>
        </div>
      </div>
      <div class="page-bd" id="dc-box">
        <!-- 页面内容-->
        <div class="dc-box_hd weui-cell">
          <div class="weui-cell__hd">
            <img src="../assets/tx.jpg" alt="">
          </div>
          <div class="weui-cell__bd">
            <p class="name">~小情调天使~</p>
            <p class="nums">
              DC:700
            </p>
            <p class="lever">初级矿工</p>
          </div>
          <div class="weui-cell__ft">
            <a href="javascript:;" class="open-popup" data-target="#guize">游戏规则</a>
          </div>
        </div>
        <div class="dc-box_bd">
          <ul class="clearfix">
            <li>
              <router-link to="/shatan" tag="a">
                <img src="../assets/dc_img1.png" alt="">
                <p class="name">新大陆</p>
              </router-link>
            </li>
            <li>
              <router-link to="/kuangchang" tag="a">
                <img src="../assets/dc_img2.png" alt="">
                <p class="name">迪拉姆矿场</p>
              </router-link>
            </li>
            <li class="c_disabled" onclick="f_toast()">
              <a href="javscript:;">
                <img src="../assets/dc_img3.png" alt="">
                <p class="name">资产贸易战</p>
              </a>
            </li>
            <li class="c_disabled">
              <a href="#">
                <img src="../assets/dc_img4.png" alt="">
                <p class="name">族群工会</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../assets/dc_img5.png" alt="">
                <p class="name">敬请期待</p>
              </a>
            </li>
          </ul>

        </div>
        <div class="dc-box_ft">
          <a href="云商城.html">
            <img src="../assets/dc_icon1.png" alt="">
            <p>云商城</p>
          </a>
          <router-link to="/bourse" tag="a">
            <img src="../assets/dc_icon2.png" alt="">
            <p>交易所</p>
          </router-link>
          <router-link to="/bourse" tag="a">
            <img src="../assets/dc_icon3.png" alt="">
            <p>游乐城</p>
          </router-link>
          <router-link to="/bourse" tag="a">
            <img src="../assets/dc_icon4.png" alt="">
            <p>穿越门</p>
          </router-link>
        </div>
      </div>
    </div>
    <div id="guize" class="weui-popup__container alert_box">
      <div class="weui-popup__overlay"></div>
      <div class="weui-popup__modal guize-box">

        <div class="guize-box weui-popup__modal_box">
          <div class="guize-box_hd">
            捡贝壳规则
          </div>
          <div class="guize-box_bd">
            <ul>
              <li>
                <span class="num" style="background-color: #9752de;">1</span>
                <p class="text">
                  活动时间：3月6日-9月30日；
                </p>
              </li>
              <li>
                <span class="num" style="background-color: #9752de;">2</span>
                <p class="text">
                  通过本活动页面邀请好友领取投资红包，单个好友通过连接注册并使用该红包后，您即可获得一笔现金红包简历，金额随机（5~88元）                    </p>
              </li>
              <li>
                <span class="num" style="background-color: #9752de;">3</span>
                <p class="text">
                  活动期间，邀请人通过本活动最多可获得400元现金红奖励，于每天24点前发放至邀请人的宝箱，可于10天内领取，过期失效，不予补发；
                </p>
              </li>
              <li>
                <span class="num" style="background-color: #9752de;">4</span>
                <p class="text">
                  本活动不与邀请第四重礼同享。
                </p>
              </li>
            </ul>
          </div>
          <div class="guize-box_ft">
            <img src="../assets/icon_del.png" alt="" class="close-popup">
          </div>
        </div>

      </div>
    </div>

  </div>


</template>

<script>
  import {mapGetters} from 'vuex';
  export default {
    data() {
      return {

      }
    },
    mounted(){
      this.$store.dispatch("topstatus", false);
    },

  }

</script>

<style scoped>
  .header {
    background-color: #000;

  }
  .header .header-title {
    color: #fff!important;
  }
  .left-arrow:before{
    border-color: #fff;
  }
  #guize .weui-popup__modal .guize-box {
    background-image:url("../assets/dc_alert.png");
  }
</style>
